<template>
  <div class="contain-body abfa-box">
    <Title></Title>
    <div class="search-contain-body">
      <el-form ref="form" inline :model="form" label-width="75px">
		<el-form-item>
		   <div class="d-ib font-table" slot="label">姓名：</div>
		   <el-input v-model="form.xms"></el-input>
		</el-form-item>
        <el-form-item>
          <div class="d-ib font-table" slot="label">身份号码：</div>
          <el-input v-model="form.gmsfhms"></el-input>
        </el-form-item>
		<el-form-item>
		  <div class="d-ib font-table" slot="label">性别：</div>
		  <el-select v-model="form.xbdms"  placeholder="请选择性别">
			<el-option label="" value="">--请选择性别--</el-option>
		    <el-option
			  v-for="item in optionsXb"
			  :key="item.value"
			  :label="item.content"
			  :value="item.id">
			</el-option>
		  </el-select>
		</el-form-item>
        <el-form-item>
          <el-button icon="el-icon-search" class="button-search" @click="onSubmit">搜索</el-button>
		  <!-- <el-button icon="el-icon-delete" class="button-delete" @click="doclear">清空</el-button> -->
        </el-form-item>
      </el-form>

    </div>
    <div>
      <div class="pos-r">
        <Title msg="信息列表"></Title>
        <div class="pos-a" style="right: 0">
          <el-button @click="openOptions('add')" type="primary" icon="el-icon-plus">
            新增
          </el-button>
        </div>
      </div>
      <CustomTable
          :columns="columns"
		  :total="total"
          :table-data="tableData"
		  :pagination="pagination"
		  @pagination="paginationChange">
        <div slot="options" slot-scope="scope">
          <el-button @click="openOptions('details',scope.data)" style="margin-left: 4px;" class="button-blur">详情</el-button>
          <el-button @click="openOptions('update',scope.data)" style="margin-left: 4px;" class="button-green">编辑</el-button>
          <el-button @click="deleteDate(scope.data)" style="margin-left: 4px;" class="button-red">删除</el-button>
        </div>
      </CustomTable>
    </div>

    <el-dialog
        width="819px"
        center
        :class="['custom-dialog-fill','font-table']" title=""
        :visible.sync="dialog.open"
		:close-on-click-modal="false">

      <div class="dialog-title" slot="title">
        {{ dialog.title }}
      </div>

      <div class="d-f jc-c">
		<el-form class="font-table " style="color: #000000;" ref="form" :model="form" label-width="75px" v-if="dialog.type!='details'">
		  <div class="mb-14" style="margin-left: -40px;">
			个人信息
		  </div>
		  <div class="d-f jc-c form-security">  
			  <el-form-item>
				<div class="d-ib font-table" slot="label">常用证件：</div>
				<el-select v-model="form.cyzjdm" placeholder="请选择证件类型">
				  <el-option label="" value="">--请选择证件类型--</el-option>
				  <el-option
				    v-for="item in optionsZjdm"
				    :key="item.value"
				    :label="item.content"
				    :value="item.id">
				  </el-option>
				</el-select>
			  </el-form-item>
			  <el-form-item>
				<div class="d-ib font-table" slot="label">证件号码：</div>
				<el-input v-model="form.zjhm"  ></el-input>
			  </el-form-item>
		  </div>
		  <div class="d-f jc-c form-security">  		
			  <el-form-item>
				<div class="d-ib font-table" slot="label">姓名：</div>
				<el-input v-model="form.xm"  ></el-input>
			  </el-form-item>
			  <el-form-item>
				 <div class="d-ib font-table" slot="label">身份号码：</div>
				 <el-input v-model="form.gmsfhm"  ></el-input>
			  </el-form-item>
		  </div>  
		  <div class="d-f jc-c form-security">
			  <el-form-item>
				<div class="d-ib font-table" slot="label">性别：</div>
				<el-select v-model="form.xbdm"  placeholder="请选择性别">
					<el-option label="" value="">--请选择性别--</el-option>
				    <el-option
					  v-for="item in optionsXb"
					  :key="item.value"
					  :label="item.content"
					  :value="item.id">
					</el-option>
				</el-select>
			  </el-form-item>
			  <el-form-item>
				 <div class="d-ib font-table" slot="label">国籍：</div>
				 <el-select v-model="form.gjdm" placeholder="请选择国籍" filterable>
				 	<el-option label="" value="">--请选择国籍--</el-option>
				 	<el-option
				 	  v-for="item in optionsGj"
				 	  :key="item.value"
				 	  :label="item.content"
				 	  :value="item.id">
				 	</el-option>
				 </el-select>
			  </el-form-item>
		  </div>
		  <div class="d-f jc-c form-security">
			  <el-form-item>
				<div class="d-ib font-table" slot="label">民族：</div>
				<el-select v-model="form.mzdm" placeholder="请选择民族" filterable>
					<el-option label="" value="">--请选择民族--</el-option>
					<el-option
					  v-for="item in optionsMz"
					  :key="item.value"
					  :label="item.content"
					  :value="item.id">
					</el-option>
				</el-select>
			  </el-form-item>
			  <el-form-item>
				 <div class="d-ib font-table" style="margin-left: -48%;">动态信息类型：</div>
				 <el-select v-model="form.dtxxlx" placeholder="请选择动态信息类型" @change="changes(form.dtxxlx)">
					<el-option label="" value="">--请选择动态信息类型--</el-option>
				 	<el-option label="民航旅客订票" value="1"></el-option>
				 	<el-option label="民航旅客离港" value="2"></el-option>
				 	<el-option label="民航旅客退票" value="3"></el-option>
				 	<el-option label="铁路订票" value="4"></el-option>
				 	<el-option label="铁路乘车" value="5"></el-option>
				 	<el-option label="铁路退票" value="6"></el-option>
				 	<el-option label="公路客运购票" value="7"></el-option>
				 	<el-option label="公路客运退票" value="8"></el-option>
				 	<el-option label="路客运验票" value="9"></el-option>
				 	<el-option label="公安检查站人员检查" value="10"></el-option>
				 	<el-option label="旅馆住宿" value="11"></el-option>
				 	<el-option label="轮渡订票" value="12"></el-option>
				 	<el-option label="轮渡退票" value="13"></el-option>
				 	<el-option label="网吧上网" value="14"></el-option>
				 	<el-option label="人像识别" value="15"></el-option>
				 </el-select>
			  </el-form-item>
		  </div>
		  <div v-if="dialog.dtxxlx ==1 || dialog.dtxxlx ==2 || dialog.dtxxlx ==3">
			  <div class="mb-14" style="margin-left: -40px;">
				民航出行
			  </div>
			  <div class="d-f jc-c form-security">
				  <el-form-item>
					<div class="d-ib font-table" slot="label">航班号：</div>
					<el-input v-model="form.mhcxHbh"  ></el-input>
				  </el-form-item>
				  <el-form-item>
					 <div class="d-ib font-table" slot="label">座位号：</div>
					 <el-input v-model="form.mhcxZwh"  ></el-input>
				  </el-form-item>
			  </div>
			  <div class="d-f jc-c form-security">
				  <el-form-item>
					<div class="d-ib font-table" slot="label">出发日期：</div>
					<el-date-picker type="date" format="yyyy-MM-dd" value-format="yyyy-MM-dd" placeholder="选择日期" v-model="form.mhcxCfRq" 
					style="width: 100%;"></el-date-picker>
				  </el-form-item>
				  <el-form-item>
					 <div class="d-ib font-table" slot="label">出发时间：</div>
					 <el-date-picker type="datetime" placeholder="选择时间" v-model="form.mhcxCfSj" format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss" 
					 style="width: 100%;"></el-date-picker>
				  </el-form-item>
			  </div>
			  <div class="d-f jc-c form-security">
				  <el-form-item>
					<div class="d-ib font-table" slot="label">出发机场：</div>
					<el-input v-model="form.mhcxCfQfjcdm"  ></el-input>
				  </el-form-item>
				  <el-form-item>
					<div class="d-ib font-table" slot="label">到达机场：</div>
					<el-input v-model="form.mhcxDdQfjcdm"  ></el-input>
				  </el-form-item>
			  </div>
			  <div class="d-f jc-c form-security">
				  <el-form-item>
					 <div class="d-ib font-table" slot="label">到达日期：</div>
					 <el-date-picker type="date" format="yyyy-MM-dd" value-format="yyyy-MM-dd" placeholder="选择日期" v-model="form.mhcxDdRq" 
					 style="width: 100%;"></el-date-picker>
				  </el-form-item>
				  <el-form-item>
					 <div class="d-ib font-table" slot="label">到达时间：</div>
					 <el-date-picker type="datetime" placeholder="选择时间" v-model="form.mhcxDdSj" format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss" 
					 style="width: 100%;"></el-date-picker>
				  </el-form-item>
			  </div>
		  </div>
		  <div v-if="dialog.dtxxlx ==4 || dialog.dtxxlx ==5 || dialog.dtxxlx ==6">
			  <div class="mb-14" style="margin-left: -40px;">
				铁路出行
			  </div>
			  <div class="d-f jc-c form-security">
				  <el-form-item>
					<div class="d-ib font-table" slot="label">车次：</div>
					<el-input v-model="form.tlcxCc"  ></el-input>
				  </el-form-item>
				  <el-form-item>
					 <div class="d-ib font-table" slot="label">车厢号：</div>
					 <el-input v-model="form.tlcxCxh"  ></el-input>
				  </el-form-item>
			  </div>
			  <div class="d-f jc-c form-security">
				  <el-form-item>
					 <div class="d-ib font-table" slot="label">座位号：</div>
					 <el-input v-model="form.tlcxZwh"  ></el-input>
				  </el-form-item>
				  <el-form-item>
					 <div class="d-ib font-table" slot="label">出发日期：</div>
					 <el-date-picker type="date" placeholder="选择日期" v-model="form.tlcxCfRq" format="yyyy-MM-dd" value-format="yyyy-MM-dd"
					 style="width: 100%;"></el-date-picker>
				  </el-form-item>
			  </div>
			  <div class="d-f jc-c form-security">
				  <el-form-item>
					<div class="d-ib font-table" slot="label">出发时间：</div>
					<el-date-picker type="datetime" placeholder="选择时间" v-model="form.tlcxCfSj" format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss" 
					style="width: 100%;"></el-date-picker>
				  </el-form-item>
				  <el-form-item>
					<div class="d-ib font-table" slot="label">出发车站：</div>
					<el-input v-model="form.tlcxCfCz"  ></el-input>
				  </el-form-item>
			  </div>
			  <el-form-item>
				<div class="d-ib font-table" slot="label">到达车站：</div>
				<el-input v-model="form.tlcxDdCz"  ></el-input>
			  </el-form-item>
			  <div class="d-f jc-c form-security">
				  <el-form-item>
					 <div class="d-ib font-table" slot="label">到达日期：</div>
					 <el-date-picker type="date" placeholder="选择日期" v-model="form.tlcxDdRq" format="yyyy-MM-dd" value-format="yyyy-MM-dd" 
					 style="width: 100%;"></el-date-picker>
				  </el-form-item>
				  <el-form-item>
					 <div class="d-ib font-table" slot="label">到达时间：</div>
					 <el-date-picker type="datetime" placeholder="选择时间" v-model="form.tlcxDdSj" format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss" 
					 style="width: 100%;"></el-date-picker>
				  </el-form-item>
			  </div>
		  </div>
		  <div v-if="dialog.dtxxlx ==7 || dialog.dtxxlx ==8 || dialog.dtxxlx ==9">
			  <div class="mb-14" style="margin-left: -40px;">
				公路客运
			  </div>
			  <div class="d-f jc-c form-security">
				  <el-form-item>
					<div class="d-ib font-table" slot="label">客运站：</div>
					<el-input v-model="form.glkyKyz"  ></el-input>
				  </el-form-item>
				  <el-form-item>
					 <div class="d-ib font-table" slot="label">座位号：</div>
					 <el-input v-model="form.glkyZwh"  ></el-input>
				  </el-form-item>
			  </div>
			  <el-form-item>
				 <div class="d-ib font-table" slot="label">客运编号：</div>
				 <el-input v-model="form.glkyKybh"  ></el-input>
			  </el-form-item>
			  <div class="d-f jc-c form-security">
				  <el-form-item>
					 <div class="d-ib font-table" slot="label">出发日期：</div>
					 <el-date-picker type="date" placeholder="选择日期" v-model="form.glkyCfRq" format="yyyy-MM-dd" value-format="yyyy-MM-dd" 
					 style="width: 100%;"></el-date-picker>
				  </el-form-item>
				  <el-form-item>
					<div class="d-ib font-table" slot="label">出发时间：</div>
					<el-date-picker type="datetime" placeholder="选择时间" v-model="form.glkyCfSj" format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss" 
					style="width: 100%;"></el-date-picker>
				  </el-form-item>
			  </div>
			  <div class="d-f jc-c form-security">
				  <el-form-item>
					<div class="d-ib font-table" style="margin-left: -41%;">出发客运站：</div>
					<el-input v-model="form.glkyCfKyz"  ></el-input>
				  </el-form-item>
				  <el-form-item>
					<div class="d-ib font-table" style="margin-left: -41%;">到达客运站：</div>
					<el-input v-model="form.glkyDdKyz"  ></el-input>
				  </el-form-item>
			  </div>
			  <div class="d-f jc-c form-security">
				  <el-form-item>
					 <div class="d-ib font-table" slot="label">到达日期：</div>
					 <el-date-picker type="date" placeholder="选择日期" v-model="form.glkyDdRq" format="yyyy-MM-dd" value-format="yyyy-MM-dd" 
					 style="width: 100%;"></el-date-picker>
				  </el-form-item>
				  <el-form-item>
					 <div class="d-ib font-table" slot="label">到达时间：</div>
					 <el-date-picker type="datetime" placeholder="选择时间" v-model="form.glkyDdSj" format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss" 
					 style="width: 100%;"></el-date-picker>
				  </el-form-item>
			  </div>
		  </div>
		  <div v-if="dialog.dtxxlx ==10 ">
			  <div class="mb-14" style="margin-left: -40px;">
				公安检查站
			  </div>
			  <div class="d-f jc-c form-security">
				  <el-form-item>
					<div class="d-ib font-table" style="margin-left: -41%;">检查站编码：</div>
					<el-input v-model="form.gajczJczbm"  ></el-input>
				  </el-form-item>
				  <el-form-item>
					 <div class="d-ib font-table" style="margin-left: -41%;">检查站位置：</div>
					 <el-input v-model="form.gajczJczwz"  ></el-input>
				  </el-form-item>
			  </div>
			  <div class="d-f jc-c form-security">
				  <el-form-item>
					 <div class="d-ib font-table" slot="label">查验时间：</div>
					 <el-date-picker type="datetime" placeholder="选择时间" v-model="form.gajczJysj" format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss" 
					 style="width: 100%;"></el-date-picker>
				  </el-form-item>
				  <el-form-item>
					<div class="d-ib font-table" slot="label">出入类型：</div>
					<el-input v-model="form.gajczCrlx"  ></el-input>
				  </el-form-item>
			  </div>
		  </div>
		  <div v-if="dialog.dtxxlx ==11 ">
			  <div class="mb-14" style="margin-left: -40px;">
				旅馆住宿
			  </div>
			  <div class="d-f jc-c form-security">
				  <el-form-item>
					<div class="d-ib font-table" slot="label">旅馆编码：</div>
					<el-input v-model="form.lgzsLgbm"  ></el-input>
				  </el-form-item>
				  <el-form-item>
					 <div class="d-ib font-table" slot="label">入住房号：</div>
					 <el-input v-model="form.lgzsRzfh"  ></el-input>
				  </el-form-item>
			  </div>
			  <el-form-item>
				 <div class="d-ib font-table" slot="label">旅馆名称：</div>
				 <el-input v-model="form.lgzsLgmc"  ></el-input>
			  </el-form-item>
			  <div class="d-f jc-c form-security">
				  <el-form-item>
					 <div class="d-ib font-table" slot="label">入住时间：</div>
					 <el-date-picker type="datetime" placeholder="选择时间" v-model="form.lgzsRzsj" format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss" 
					 style="width: 100%;"></el-date-picker>
				  </el-form-item>
				  <el-form-item>
					<div class="d-ib font-table" slot="label">退房时间：</div>
					<el-date-picker type="datetime" placeholder="选择时间" v-model="form.lgzsTfsj" format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss" 
					style="width: 100%;"></el-date-picker>
				  </el-form-item>
			  </div>
		  </div>
		  <div v-if="dialog.dtxxlx ==12 || dialog.dtxxlx ==13">
			  <div class="mb-14" style="margin-left: -40px;">
				轮渡出行
			  </div>
			  <el-form-item>
				<div class="d-ib font-table" slot="label">轮渡号：</div>
				<el-input v-model="form.ldcxLdh"  ></el-input>
			  </el-form-item>
			  <div class="d-f jc-c form-security">
				  <el-form-item>
					<div class="d-ib font-table" slot="label">出发日期：</div>
					<el-date-picker type="date" placeholder="选择日期" v-model="form.ldcxCfRq" format="yyyy-MM-dd" value-format="yyyy-MM-dd" 
					style="width: 100%;"></el-date-picker>
				  </el-form-item>
				  <el-form-item>
					 <div class="d-ib font-table" slot="label">出发时间：</div>
					 <el-date-picker type="datetime" placeholder="选择时间" v-model="form.ldcxCfSj" format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss" 
					 style="width: 100%;"></el-date-picker>
				  </el-form-item>
			  </div>
			  <el-form-item>
				 <div class="d-ib font-table" slot="label">出发码头：</div>
				 <el-input v-model="form.ldcxCfMt"  ></el-input>
			  </el-form-item>
			  <el-form-item>
				 <div class="d-ib font-table" slot="label">到达码头：</div>
				 <el-input v-model="form.ldcxDdMt"  ></el-input>
			  </el-form-item>
			  <div class="d-f jc-c form-security">
				  <el-form-item>
					 <div class="d-ib font-table" slot="label">到达日期：</div>
					 <el-date-picker type="date" placeholder="选择日期" v-model="form.ldcxDdRq" format="yyyy-MM-dd" value-format="yyyy-MM-dd" 
					 style="width: 100%;"></el-date-picker>
				  </el-form-item>
				  <el-form-item>
					<div class="d-ib font-table" slot="label">到达时间：</div>
					<el-date-picker type="datetime" placeholder="选择时间" v-model="form.ldcxDdSj" format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss" 
					style="width: 100%;"></el-date-picker>
				  </el-form-item>
			  </div>
		  </div>
		  <div v-if="dialog.dtxxlx ==14 " >
			  <div class="mb-14" style="margin-left: -40px;">
				网吧上网
			  </div>
			  <div class="d-f jc-c form-security">
				  <el-form-item>
					<div class="d-ib font-table" style="margin-left: -48%;">营业场所代码：</div>
					<el-input v-model="form.wbswYycsdm"  ></el-input>
				  </el-form-item>
				  <el-form-item>
					 <div class="d-ib font-table" slot="label">单位名称：</div>
					 <el-input v-model="form.wbswYycsDwmc"  ></el-input>
				  </el-form-item>
			  </div>
			  <el-form-item>
				 <div class="d-ib font-table" slot="label">地址名称：</div>
				 <el-input v-model="form.wbswYycsDzmc"  ></el-input>
			  </el-form-item>
			  <div class="d-f jc-c form-security">
				  <el-form-item>
					 <div class="d-ib font-table" slot="label">开始时间：</div>
					 <el-date-picker type="datetime" placeholder="选择时间" v-model="form.wbswKssj" format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss" 
					 style="width: 100%;"></el-date-picker>
				  </el-form-item>
				  <el-form-item>
					<div class="d-ib font-table" slot="label">结束时间：</div>
					<el-date-picker type="datetime" placeholder="选择时间" v-model="form.wbswJssj" format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss" 
					style="width: 100%;"></el-date-picker>
				  </el-form-item>
			  </div>
		  </div>
		  <div v-if="dialog.dtxxlx ==15" >
			  <div class="mb-14" style="margin-left: -40px;">
				人像识别
			  </div>
			  <div class="d-f jc-c form-security">
				  <el-form-item>
					<div class="d-ib font-table" style="margin-left: -48%;">视频设备编码：</div>
					<el-input v-model="form.wbswYycsdm"  ></el-input>
				  </el-form-item>
				  <el-form-item>
					 <div class="d-ib font-table" slot="label">设备类型：</div>
					 <el-input v-model="form.rxsbSblx"  ></el-input>
				  </el-form-item>
			  </div>
			  <el-form-item>
				 <div class="d-ib font-table" slot="label">设备地址：</div>
				 <el-input v-model="form.rxsbSbdz"  ></el-input>
			  </el-form-item>
			  <div class="d-f jc-c form-security">
				  <el-form-item>
					 <div class="d-ib font-table" slot="label">设备名称：</div>
					 <el-input v-model="form.rxsbSbmc"  ></el-input>
				  </el-form-item>
				  <el-form-item>
					<div class="d-ib font-table" slot="label">监视方向：</div>
					<el-input v-model="form.rxsbJsfx"  ></el-input>
				  </el-form-item>
			  </div>
			  <div class="d-f jc-c form-security">
				  <el-form-item>
					 <div class="d-ib font-table" slot="label">抓拍时间：</div>
					 <el-date-picker type="datetime" placeholder="选择时间" v-model="form.rxsbZpsj" format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss" 
					 style="width: 100%;"></el-date-picker>
				  </el-form-item>
				  <el-form-item>
					<div class="d-ib font-table" slot="label">图片URL：</div>
					<el-input v-model="form.rxsbTpurl"  ></el-input>
				  </el-form-item>
			  </div>
		  </div>
		</el-form>
		
        <el-form class="font-table " style="color: #000000;" ref="form" :model="form" label-width="75px" v-if="dialog.type=='details'">
          <div class="mb-14" style="margin-left: -40px;">
            个人信息
          </div>
		  <div class="d-f jc-c form-security">  
        	  <el-form-item>
        		<div class="d-ib font-table" slot="label">常用证件：</div>
        		<el-input v-model="form.cyzjdm" readonly></el-input>
        	  </el-form-item>
        	  <el-form-item>
        		<div class="d-ib font-table" slot="label">证件号码：</div>
        		<el-input v-model="form.zjhm" readonly></el-input>
        	  </el-form-item>
          </div>
          <div class="d-f jc-c form-security">  		
        	  <el-form-item>
        		<div class="d-ib font-table" slot="label">姓名：</div>
        		<el-input v-model="form.xm" readonly></el-input>
        	  </el-form-item>
        	  <el-form-item>
        		 <div class="d-ib font-table" slot="label">身份号码：</div>
        		 <el-input v-model="form.gmsfhm" readonly></el-input>
        	  </el-form-item>
          </div>  
          <div class="d-f jc-c form-security">
        	  <el-form-item>
        		<div class="d-ib font-table" slot="label">性别：</div>
        		<el-input v-model="form.xbdm" readonly></el-input>
        	  </el-form-item>
        	  <el-form-item>
        		 <div class="d-ib font-table" slot="label">国籍：</div>
        		 <el-input v-model="form.gjdm" readonly></el-input>
        	  </el-form-item>
          </div>
          <div class="d-f jc-c form-security">
        	  <el-form-item>
        		<div class="d-ib font-table" slot="label">民族：</div>
        		<el-input v-model="form.mzdm" readonly></el-input>
        	  </el-form-item>
        	  <el-form-item>
        		 <div class="d-ib font-table" style="margin-left: -48%;">动态信息类型：</div>
        		 <el-input v-model="form.dtxxlx" readonly></el-input>
        	  </el-form-item>
          </div>
		  <div v-if="dialog.dtxxlx ==1 || dialog.dtxxlx ==2 || dialog.dtxxlx ==3">
			  <div class="mb-14" style="margin-left: -40px;">
				民航出行
			  </div>
			  <div class="d-f jc-c form-security">
				  <el-form-item>
					<div class="d-ib font-table" slot="label">航班号：</div>
					<el-input v-model="form.mhcxHbh" readonly></el-input>
				  </el-form-item>
				  <el-form-item>
					 <div class="d-ib font-table" slot="label">座位号：</div>
					 <el-input v-model="form.mhcxZwh" readonly></el-input>
				  </el-form-item>
			  </div>
			  <div class="d-f jc-c form-security">
				  <el-form-item>
					<div class="d-ib font-table" slot="label">出发日期：</div>
					<el-input v-model="form.mhcxCfRq" readonly></el-input>
				  </el-form-item>
				  <el-form-item>
					 <div class="d-ib font-table" slot="label">出发时间：</div>
					 <el-input v-model="form.mhcxCfSj" readonly></el-input>
				  </el-form-item>
			  </div>
			  <div class="d-f jc-c form-security">
				  <el-form-item>
					<div class="d-ib font-table" slot="label">出发机场：</div>
					<el-input v-model="form.mhcxCfQfjcdm" readonly></el-input>
				  </el-form-item>
				  <el-form-item>
					<div class="d-ib font-table" slot="label">到达机场：</div>
					<el-input v-model="form.mhcxDdQfjcdm" readonly></el-input>
				  </el-form-item>
			  </div>
			  <div class="d-f jc-c form-security">
				  <el-form-item>
					 <div class="d-ib font-table" slot="label">到达日期：</div>
					 <el-input v-model="form.mhcxDdRq" readonly></el-input>
				  </el-form-item>
				  <el-form-item>
					 <div class="d-ib font-table" slot="label">到达时间：</div>
					 <el-input v-model="form.mhcxDdSj" readonly></el-input>
				  </el-form-item>
			  </div>
		  </div>
		  <div v-if="dialog.dtxxlx ==4 || dialog.dtxxlx ==5 || dialog.dtxxlx ==6"  >
			  <div class="mb-14" style="margin-left: -40px;">
				铁路出行
			  </div>
			  <div class="d-f jc-c form-security">
				  <el-form-item>
					<div class="d-ib font-table" slot="label">车次：</div>
					<el-input v-model="form.tlcxCc" readonly></el-input>
				  </el-form-item>
				  <el-form-item>
					 <div class="d-ib font-table" slot="label">车厢号：</div>
					 <el-input v-model="form.tlcxCxh" readonly></el-input>
				  </el-form-item>
			  </div>
			  <div class="d-f jc-c form-security">
				  <el-form-item>
					 <div class="d-ib font-table" slot="label">座位号：</div>
					 <el-input v-model="form.tlcxZwh" readonly></el-input>
				  </el-form-item>
				  <el-form-item>
					 <div class="d-ib font-table" slot="label">出发日期：</div>
					 <el-input v-model="form.tlcxCfRq" readonly></el-input>
				  </el-form-item>
			  </div>
			  <div class="d-f jc-c form-security">
				  <el-form-item>
					<div class="d-ib font-table" slot="label">出发时间：</div>
					<el-input v-model="form.tlcxCfSj" readonly></el-input>
				  </el-form-item>
				  <el-form-item>
					<div class="d-ib font-table" slot="label">出发车站：</div>
					<el-input v-model="form.tlcxCfCz" readonly></el-input>
				  </el-form-item>
			  </div>
			  <el-form-item>
				<div class="d-ib font-table" slot="label">到达车站：</div>
				<el-input v-model="form.tlcxDdCz" readonly></el-input>
			  </el-form-item>
			  <div class="d-f jc-c form-security">
				  <el-form-item>
					 <div class="d-ib font-table" slot="label">到达日期：</div>
					 <el-input v-model="form.tlcxDdRq" readonly></el-input>
				  </el-form-item>
				  <el-form-item>
					 <div class="d-ib font-table" slot="label">到达时间：</div>
					 <el-input v-model="form.tlcxDdSj" readonly></el-input>
				  </el-form-item>
			  </div>
		  </div>
		  <div v-if="dialog.dtxxlx ==7 || dialog.dtxxlx ==8 || dialog.dtxxlx ==9"  >
			  <div class="mb-14" style="margin-left: -40px;">
				公路客运
			  </div>
			  <div class="d-f jc-c form-security">
				  <el-form-item>
					<div class="d-ib font-table" slot="label">客运站：</div>
					<el-input v-model="form.glkyKyz" readonly></el-input>
				  </el-form-item>
				  <el-form-item>
					 <div class="d-ib font-table" slot="label">座位号：</div>
					 <el-input v-model="form.glkyZwh" readonly></el-input>
				  </el-form-item>
			  </div>
			  <el-form-item>
				 <div class="d-ib font-table" slot="label">客运编号：</div>
				 <el-input v-model="form.glkyKybh" readonly></el-input>
			  </el-form-item>
			  <div class="d-f jc-c form-security">
				  <el-form-item>
					 <div class="d-ib font-table" slot="label">出发日期：</div>
					 <el-input v-model="form.glkyCfRq" readonly></el-input>
				  </el-form-item>
				  <el-form-item>
					<div class="d-ib font-table" slot="label">出发时间：</div>
					<el-input v-model="form.glkyCfSj" readonly></el-input>
				  </el-form-item>
			  </div>
			  <div class="d-f jc-c form-security">
				  <el-form-item>
					<div class="d-ib font-table" style="margin-left: -41%;">出发客运站：</div>
					<el-input v-model="form.glkyCfKyz" readonly></el-input>
				  </el-form-item>
				  <el-form-item>
					<div class="d-ib font-table" style="margin-left: -41%;">到达客运站：</div>
					<el-input v-model="form.glkyDdKyz" readonly></el-input>
				  </el-form-item>
			  </div>
			  <div class="d-f jc-c form-security">
				  <el-form-item>
					 <div class="d-ib font-table" slot="label">到达日期：</div>
					 <el-input v-model="form.glkyDdRq" readonly></el-input>
				  </el-form-item>
				  <el-form-item>
					 <div class="d-ib font-table" slot="label">到达时间：</div>
					 <el-input v-model="form.glkyDdSj" readonly></el-input>
				  </el-form-item>
			  </div>
		  </div>
		  <div v-if="dialog.dtxxlx ==10 "  >
			  <div class="mb-14" style="margin-left: -40px;">
				公安检查站
			  </div>
			  <div class="d-f jc-c form-security">
				  <el-form-item>
					<div class="d-ib font-table" style="margin-left: -41%;">检查站编码：</div>
					<el-input v-model="form.gajczJczbm" readonly></el-input>
				  </el-form-item>
				  <el-form-item>
					 <div class="d-ib font-table" style="margin-left: -41%;">检查站位置：</div>
					 <el-input v-model="form.gajczJczwz" readonly></el-input>
				  </el-form-item>
			  </div>
			  <div class="d-f jc-c form-security">
				  <el-form-item>
					 <div class="d-ib font-table" slot="label">查验时间：</div>
					 <el-input v-model="form.gajczJysj" readonly></el-input>
				  </el-form-item>
				  <el-form-item>
					<div class="d-ib font-table" slot="label">出入类型：</div>
					<el-input v-model="form.gajczCrlx" readonly></el-input>
				  </el-form-item>
			  </div>
		  </div>
		  <div v-if="dialog.dtxxlx ==11"  >
			  <div class="mb-14" style="margin-left: -40px;">
				旅馆住宿
			  </div>
			  <div class="d-f jc-c form-security">
				  <el-form-item>
					<div class="d-ib font-table" slot="label">旅馆编码：</div>
					<el-input v-model="form.lgzsLgbm" readonly></el-input>
				  </el-form-item>
				  <el-form-item>
					 <div class="d-ib font-table" slot="label">入住房号：</div>
					 <el-input v-model="form.lgzsRzfh" readonly></el-input>
				  </el-form-item>
			  </div>
			  <el-form-item>
				 <div class="d-ib font-table" slot="label">旅馆名称：</div>
				 <el-input v-model="form.lgzsLgmc" readonly></el-input>
			  </el-form-item>
			  <div class="d-f jc-c form-security">
				  <el-form-item>
					 <div class="d-ib font-table" slot="label">入住时间：</div>
					 <el-input v-model="form.lgzsRzsj" readonly></el-input>
				  </el-form-item>
				  <el-form-item>
					<div class="d-ib font-table" slot="label">退房时间：</div>
					<el-input v-model="form.lgzsTfsj" readonly></el-input>
				  </el-form-item>
			  </div>
		  </div>
		  <div v-if="dialog.dtxxlx ==12 || dialog.dtxxlx ==13"  >
			  <div class="mb-14" style="margin-left: -40px;">
				轮渡出行
			  </div>
			  <el-form-item>
				<div class="d-ib font-table" slot="label">轮渡号：</div>
				<el-input v-model="form.ldcxLdh" readonly></el-input>
			  </el-form-item>
			  <div class="d-f jc-c form-security">
				  <el-form-item>
					<div class="d-ib font-table" slot="label">出发日期：</div>
					<el-input v-model="form.ldcxCfRq" readonly></el-input>
				  </el-form-item>
				  <el-form-item>
					 <div class="d-ib font-table" slot="label">出发时间：</div>
					 <el-input v-model="form.ldcxCfSj" readonly></el-input>
				  </el-form-item>
			  </div>
			  <el-form-item>
				 <div class="d-ib font-table" slot="label">出发码头：</div>
				 <el-input v-model="form.ldcxCfMt" readonly></el-input>
			  </el-form-item>
			  <el-form-item>
				 <div class="d-ib font-table" slot="label">到达码头：</div>
				 <el-input v-model="form.ldcxDdMt" readonly></el-input>
			  </el-form-item>
			  <div class="d-f jc-c form-security">
				  <el-form-item>
					 <div class="d-ib font-table" slot="label">到达日期：</div>
					 <el-input v-model="form.ldcxDdRq" readonly></el-input>
				  </el-form-item>
				  <el-form-item>
					<div class="d-ib font-table" slot="label">到达时间：</div>
					<el-input v-model="form.ldcxDdSj" readonly></el-input>
				  </el-form-item>
			  </div>
		  </div>
		  <div v-if="dialog.dtxxlx ==14 "  >
			  <div class="mb-14" style="margin-left: -40px;">
				网吧上网
			  </div>
			  <div class="d-f jc-c form-security">
				  <el-form-item>
					<div class="d-ib font-table" style="margin-left: -48%;">营业场所代码：</div>
					<el-input v-model="form.wbswYycsdm" readonly></el-input>
				  </el-form-item>
				  <el-form-item>
					 <div class="d-ib font-table" slot="label">单位名称：</div>
					 <el-input v-model="form.wbswYycsDwmc" readonly></el-input>
				  </el-form-item>
			  </div>
			  <el-form-item>
				 <div class="d-ib font-table" slot="label">地址名称：</div>
				 <el-input v-model="form.wbswYycsDzmc" readonly></el-input>
			  </el-form-item>
			  <div class="d-f jc-c form-security">
				  <el-form-item>
					 <div class="d-ib font-table" slot="label">开始时间：</div>
					 <el-input v-model="form.wbswKssj" readonly></el-input>
				  </el-form-item>
				  <el-form-item>
					<div class="d-ib font-table" slot="label">结束时间：</div>
					<el-input v-model="form.wbswJssj" readonly></el-input>
				  </el-form-item>
			  </div>
		  </div>
		  <div v-if="dialog.dtxxlx ==15 "  >
			  <div class="mb-14" style="margin-left: -40px;">
				人像识别
			  </div>
			  <div class="d-f jc-c form-security">
				  <el-form-item>
					<div class="d-ib font-table" style="margin-left: -48%;">视频设备编码：</div>
					<el-input v-model="form.wbswYycsdm" readonly></el-input>
				  </el-form-item>
				  <el-form-item>
					 <div class="d-ib font-table" slot="label">设备类型：</div>
					 <el-input v-model="form.rxsbSblx" readonly></el-input>
				  </el-form-item>
			  </div>
			  <el-form-item>
				 <div class="d-ib font-table" slot="label">设备地址：</div>
				 <el-input v-model="form.rxsbSbdz" readonly></el-input>
			  </el-form-item>
			  <div class="d-f jc-c form-security">
				  <el-form-item>
					 <div class="d-ib font-table" slot="label">设备名称：</div>
					 <el-input v-model="form.rxsbSbmc" readonly></el-input>
				  </el-form-item>
				  <el-form-item>
					<div class="d-ib font-table" slot="label">监视方向：</div>
					<el-input v-model="form.rxsbJsfx" readonly></el-input>
				  </el-form-item>
			  </div>
			  <div class="d-f jc-c form-security">
				  <el-form-item>
					 <div class="d-ib font-table" slot="label">抓拍时间：</div>
					 <el-input v-model="form.rxsbZpsj" readonly></el-input>
				  </el-form-item>
				  <el-form-item>
					<div class="d-ib font-table" slot="label">图片URL：</div>
					<el-input v-model="form.rxsbTpurl" readonly></el-input>
				  </el-form-item>
			  </div>
		  </div>
        </el-form> 
      </div>
      <div class="d-f jc-c">
        <div v-if="dialog.type=='details'">
          <el-button
              class="button-cancel"
              @click="dialog.open = false">确 定 
          </el-button>
        </div>
        <div v-if="dialog.type=='add'">
          <el-button
              class="button-cancel"
              @click="dialog.open = false">取 消
          </el-button>
          <el-button
              class="button-submit mr58"
              @click="addZdrysmzdtxx">确 定
          </el-button>
        </div>
        <div v-if="dialog.type=='update'">
          <el-button
              class="button-cancel"
              @click="dialog.open = false">取 消
          </el-button>
          <el-button
              class="button-submit mr58"
              @click="updateZdrysmzdtxx">确 定
          </el-button>
        </div>
      </div>

    </el-dialog>

  </div>
</template>

<script>
import Title from "../../../components/Title";
import CustomTable from "../../../components/CustomTable";
import dxhdUrl from "../../../config/config";
import formateDate from "../../../config/date";

export default {
  name: "Abfa",
  components: {Title, CustomTable,dxhdUrl,formateDate},
  data() {
    return {
	  optionsXb:{},
	  optionsZjdm:{},
	  optionsMz:{},
	  optionsGj:{},
	  total: 0,
	  pagination: {},
      dialog: {
        title: 's',
        open: false,
        type: 'details',//'edit','add','details'
      },
      form: {
        name: '',
        schemeName: '',
        activityName: '',
        region: '',
        date: '',
        bigEvent: '',
        shape: '',
        approval: '',
        desc: '',
        remark: ''
      },
      tableData: [
        
      ],
      params: {
        current: 1,
        size: 10,

      },
      columns: [
        {
          key: 'xm',
          label: '姓名'
        },
		{
          key: 'gmsfhm',
          label: '身份号码'
        },
		{
		  key: 'xbmc',
		  label: '性别'
		},
        {
          key: 'gjmc',
          label: '国籍'
        },
        {
          key: 'mzmc',
          label: '民族'
        },
		{
		  key: 'cjsj',
		  label: '采集时间'
		},
        {
          key: 'options',
          label: '操作',
          width: '243px',
          slot: true
        }
      ],
    }
  },
  mounted() {
	this.selectData();
  },
  methods: {
	changes(dtxxlx){
		this.dialog.dtxxlx=dtxxlx;
	},  
    onSubmit() {
	  let zdData = this.selectZd("XB") ;
	  console.log("zdData:"+zdData);
      this.getList(this.pagination.pageNum, this.pagination.pageSize);
    },
    selectData() {
      let optionsXb = new Array();
      let optionsZjdm = new Array();
      let optionsMz = new Array();
      let optionsGj = new Array();
      this.axios.post(dxhdUrl.dxhdUrl+'t-dictionary/selectList', null
      ).then((res) => {
        if(res.code == '1'){
    		for (var obj in res.data) {
    			if(res.data[obj].type == 'XB'){
    				optionsXb.push(res.data[obj]);
    			}
    			if(res.data[obj].type == 'ZJDM'){
    				optionsZjdm.push(res.data[obj]);
    			}
    			if(res.data[obj].type == 'MZ'){
    				optionsMz.push(res.data[obj]);
    			}
    			if(res.data[obj].type == 'GJ'){
    				optionsGj.push(res.data[obj]);
    			}
    		}
    		this.optionsXb = optionsXb;
    		this.optionsZjdm = optionsZjdm;
    		this.optionsMz = optionsMz;
    		this.optionsGj = optionsGj;
    	} 
      }).catch((error) => {
        this.$message({
      	  message: '数据查询失败！'+error,
      	  type: 'error',
        });
      });
    },
    openOptions(params,data) {
      this.dialog.type = params;
      if (params == 'add') {
        this.dialog.title = '新增重点人员实名制动态信息';
      	this.form = {};
		this.dialog.dtxxlx="";
      }
      if (params == 'details') {
        this.dialog.title = '重点人员实名制动态信息详情';
		this.dialog.dtxxlx = data.dtxxlx;
		this.form = data;
      }
      if (params == 'update') {
        this.dialog.title = '重点人员实名制动态信息编辑';
		this.dialog.dtxxlx = data.dtxxlx;
		this.form = data;
      }
      this.dialog.open = true
    },
	paginationChange (e) {
	  this.pagination = e;
	  this.getList(this.pagination.pageNum, this.pagination.pageSize);
	},
    getList (page, limit) {
      this.axios.post(dxhdUrl.dxhdUrl+'dxhd-rygk-zdrysmzdt/selectPage', { 
        current: page,
        size: limit,
        entity: {
          gmsfhm: this.form.gmsfhms || '',
          xm: this.form.xms || '',
		  xbdm: this.form.xbdms || ''
        }
      }).then((res) => {
        this.tableData = res.data.records;
        this.total = res.data.total;
      }).catch((error) => {
		  this.$message({
		      message: '数据查询失败！'+error,
			  type: 'error',
		  });
      });
    },
	addZdrysmzdtxx(){
		this.axios.post(dxhdUrl.dxhdUrl+'dxhd-rygk-zdrysmzdt/save', this.form,).then((res) => {
		  if(res.code == "1"){
			  this.$message({
				  message: '数据保存成功！',
				  type: 'success',
				  offset:300
			  });
		  }
		  this.dialog.open = false;
		  this.getList(1,10);
		}).catch((error) => {
		  this.$message({
			  message: '数据保存失败！'+error,
			  type: 'error',
		  });
		});
	},
	updateZdrysmzdtxx(){
		this.axios.post(dxhdUrl.dxhdUrl+'dxhd-rygk-zdrysmzdt/updateById', this.form,).then((res) => {
		  if(res.code == "1"){
			  this.$message({
				  message: '数据保存成功！',
				  type: 'success',
				  offset:300
			  });
		  }
		  this.dialog.open = false;
		  this.getList(1,10);
		}).catch((error) => {
		  this.$message({
			  message: '数据保存失败！'+error,
			  type: 'error',
		  });
		});
	},
    deleteDate(data) {
      this.$confirm('此操作将永久删除该数据, 是否继续?', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '关闭',
        type: ''
      }).then(() => {
		this.delete(data.id);
      }).catch(() => {
        this.$message({
          type: 'info',
          message: '已取消删除'
        });
      });
	  
    },
	
	delete(id){
		var params = new URLSearchParams();
		params.append('Id',id );   
		this.axios.post(dxhdUrl.dxhdUrl+'dxhd-rygk-zdrysmzdt/removeById', params,
		).then((res) => {
		  if(res.code == "1"){
			  this.$message({
				  message: '数据删除成功！',
				  type: 'success',
				  offset:300
			  });
			  this.getList();
		  }
		}).catch((error) => {
		  this.$message({
			  message: '数据删除失败！'+error,
			  type: 'error',
		  });
		});
	},
	
	details(data){
		for (var obj in data) {
			var aa = obj+"s";
			if(obj != "chlChltp"){
				this.$set(this.form,aa,data[obj]);
			}
		}
		//this.url='data:image/png;base64,' + data.chlChltp
		/* this.form.jqmcs = data.jqmc;
		this.form.asjfskssj = ''
		this.form.bjrXm = ''
		this.form.jqjb = ''
		this.url='data:image/png;base64,' + data.chlChltp */
	}
  }
}
</script>

<style lang="scss">
.abfa-box {
  .mb-14 {
    margin-bottom: 14px;
  }

  .mr111 {
    margin-right: 111px;
  }

  .mr58 {
    margin-right: 58px;
  }

}


.abfa-add {
  color: #436AA3;
  line-height: 17px;

  span {
    display: inline-block;
  }
}

.add-attachment {
  background-image: url("../../../assets/imgs/add_attachment.svg");
  background-size: 17px 17px;
  background-position: 0 1px;
  background-repeat: no-repeat;
  width: 17px;
  height: 17px;
  display: inline-block;
}

.add_photos {
  background-image: url("../../../assets/imgs/add_photos.svg");
  background-size: 17px 17px;
  background-position: 0 1px;
  background-repeat: no-repeat;
  width: 17px;
  height: 17px;
  display: inline-block;
}

.scheme-preview {
  .el-input-group {
    width: 430px;
  }

  .button-submit {
    padding: 6px 22px;
  }
}

.custom-dialog-fill {
  .form-security {
    .el-form-item__content {
      width: 205px !important;
    }
  }

}
.form-security {
  img {
	width: 122px;
	height: 140px;
	background-size: cover;
	background-image: url(../../../assets/imgs/revie_picture.png);
  }
}
</style>

